@import "~taro-ui/dist/style/components/flex.scss";
@import "@styles/theme.scss";
//列表
.list{
  
  &__Item{
    margin: 20px;
    margin-bottom: 30px;
    //height: 300px;
    box-shadow: 0 0 20px #ccc;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    
  }
  
  &__info-box{
    flex:1;
    display: flex;
    flex-direction: column;
    padding: 20px;
    padding-top: 20px;
  }
  
  &__title{
   
    flex:1;
    &-text{
      font-size: 36px;
      color:#000;
      @include lamp-clamp(3);
      &--big{
        @include lamp-clamp(2);
      }
    }
  }
  &__desc{
    margin: 10px 0;
    &-text{
      @include lamp-clamp(4);
      font-size: 30px;
      color:#666
    }
    
  }

  &__info{
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    &--big{
      justify-content: flex-start;
    }
    &-text{
      font-size: 28px;
      color:#666
    }
    &-icon{
      font-size: 28px;
      color:#666
    }
  }
  &__handle-box{
    //flex:.4;
   // @include flex-box(row,between)
  }
  &__date{
    flex:.6;
  }
  &__user{
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    @include flex-box(row,start,center);
    &-avatar{
      width: 60px;
      height: 60px;
      border-radius: 50%;
      margin-right: 10px;
    }
    &-name{
      font-size: 32px;
      color:#666;
    }
  }
  
}
